<!DOCTYPE html>
<html lang="en" xmlns:wicket>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Vinit Kumar">
<title>HopOn</title>
<!-- Bootstrap -->
<link href="styles/style.css" rel="stylesheet">
<link href="styles/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap responsive -->
<link href="styles/bootstrap-responsive.min.css" rel="stylesheet">
<!-- Font awesome - iconic font with IE7 support -->
<link href="styles/font-awesome.css" rel="stylesheet">
<link href="styles/font-awesome-ie7.css" rel="stylesheet">
<!-- Bootbusiness theme -->
<link href="styles/boot-business.css" rel="stylesheet">
</head>
<body>
	<!-- Start: HEADER -->
	<header>
		<!-- Start: Navigation wrapper -->
		<div class="navbar ">
			<div class="navbar-inner">
				<div class="container">
					<a href="index.html" class="brand brand-bootbus">HopOn</a>
					<!-- Below button used for responsive navigation -->
					<button type="button" class="btn btn-navbar" data-toggle="collapse"
						data-target=".nav-collapse">
						<span class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<!-- Start: Primary navigation -->
					<div class="nav-collapse collapse">
						<ul class="nav pull-right">
							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown">About<b class="caret"></b></a></li>
							<li><a href="faq.html">FAQ</a></li>
							<li><a href="contact_us.html">Contact us</a></li>
							<li><a href="#" wicket:id="signUp">Sign up</a></li>
							<li><a href="#" wicket:id="signInOut" class="active-link"><span wicket:id="signLabel">Sign in</span> </a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- End: Navigation wrapper -->
	</header>
	<!-- End: HEADER -->

	<wicket:child>
		<!-- Main Content-->
	</wicket:child>
	<span wicket:id="modal"></span>
	<!-- Start: FOOTER -->
	<footer>
		<div class="container">
			<div class="row">
				<div class="span6">
					<p class="smv-footer">&copy; 2013 BPCircles, Inc. All Rights
						Reserved.</p>
				</div>
				<div class="span6">
					<p class="smv-footer pull-right">
						<a href="#">About Us</a> | <a href="#">Site Map</a>
					</p>
				</div>
			</div>
		</div>
	</footer>
	<!-- End: FOOTER -->
	<script type="text/javascript" src="scripts/jquery.min.js"></script>
	<script type="text/javascript" src="scripts/bootstrap.min.js"></script>
	<script type="text/javascript" src="scripts/boot-business.js"></script>
</body>
</html>